<div id="product-service">
  <!--sub nav-->
  <!--<div class="nr-sub-nav hidden-xs">-->
  <!--<img id="" class="pds-dipper-bg" src="images/nr-offical/product-service/banner.jpg" alt=""/>-->
  <!--<a href="javascript:void(0)" ng-repeat="service in services" ng-click="getDetail(service.id)">-->
  <!--<img-->
  <!--ng-class="{0: 'pds-dipper-1', 1: 'pds-dipper-2',2: 'pds-dipper-3', 3: 'pds-dipper-4',4: 'pds-dipper-5', 5: 'pds-dipper-6',6: 'pds-dipper-7'}[$index]"-->
  <!--ng-src="{{service.imageB}}" alt="" ng-if="currentId==service.id"/>-->
  <!--<img-->
  <!--ng-class="{0: 'pds-dipper-1', 1: 'pds-dipper-2',2: 'pds-dipper-3', 3: 'pds-dipper-4',4: 'pds-dipper-5', 5: 'pds-dipper-6',6: 'pds-dipper-7'}[$index]"-->
  <!--ng-src="{{service.imageA}}" alt="" ng-if="currentId!=service.id"/>-->
  <!--</a>-->
  <!--</div>-->
  <!--sub nav end-->

  <!--mobile sub nav-->
  <div class="service-mobile visible-xs">
    <div class="dipper-container-mobile row">
      <div class="col-xs-6" ng-click="getDetail(service.id)"
           ng-repeat="service in services">
        <a href="javascript:void(0)">
          <img style="width: 25px;" src="images/nr-offical/home/radio.png" alt=""/>
          <span>{{service.title}}</span>
        </a>
      </div>
    </div>
  </div>
  <!--mobile sub nav end-->

  <div class="row hidden-xs" style="border-bottom: 1px solid #eee;">
    <div class="row fix-width">
        <div class="public-pc-nav">
          <div class="nav-item" ng-repeat="service in services">
            <div class="nav-item-tag" ng-class="{'current':currentId==service.id}"
                 ng-click="getDetail(service.id)">{{service.title}}
            </div>
          </div>
        </div>
    </div>
  </div>

  <!--pc-content-->
  <div class="mbcp-tab-container visible-xs" ng-if="wainDetailVosList.length>0 && wainDetailVosList.length<5">
    <div class="mbcp-tab"
         ng-repeat="item in wainDetailVosList" ng-click="pickDetail(item,$index)">
      {{item.title}}
    </div>
    <div class="mbcp-tab current">
      {{currentDetail.title}}
    </div>
  </div>
  <div class="tab-content-html row product-design-container">
    <div class="row fix-width">
      <div class="col-sm-3 hidden-xs">
        <div class="content-picker">
          <div class="picker" ng-mousemove="pickDetail(item,$index)"
               ng-repeat="item in wainDetailVosList">
            {{item.title}}
          </div>
          <div class="current-picker" style="{{'top:'+(currentDetailIndex*120)+'px'}}">
            {{currentDetail.title}}
          </div>
        </div>
      </div>
      <div class="col-sm-9 col-xs-12" style="padding: 0 50px 0 0;">
        <div class="content-new">
          <p class="h3">{{currentDetail.title}}</p>
          <div ng-bind-html="currentDetail.content"></div>
        </div>
      </div>

    </div>
  </div>
  <!--pc-content-->
</div>


<!--pcba-->
<!--<div style="display: none" class="tab-content-html row product-design-container">-->
<!--<div class="row">-->
<!--<div-->
<!--class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-offset-1 col-sm-10 title">-->
<!--{{info.title}}-->
<!--</div>-->
<!--</div>-->
<!--<div class="item-content row" ng-repeat="item in wainDetailVosList">-->
<!--&lt;!&ndash;<p>111</p>&ndash;&gt;-->
<!--<div ng-if="item.imageAspect=='1'">-->
<!--<div class="col-sm-6 col-xs-12 left-container">-->
<!--<p class="sub-title">{{item.title}}</p>-->
<!--<p class="sub-content" ng-bind-html="item.content">-->
<!--</p>-->
<!--</div>-->
<!--<div class="col-lg-5 col-md-5 col-sm-5 col-md-offset-0 col-xs-offset-1 col-xs-10 right-container">-->
<!--<img class="thumbImg" ng-src="{{item.image}}" alt=""/>-->
<!--</div>-->
<!--</div>-->

<!--<div ng-if="item.imageAspect!='1'">-->
<!--<div-->
<!--class="col-lg-offset-1 col-lg-5 col-md-offset-1 col-md-5 col-sm-offset-1 col-sm-5 col-xs-offset-1 col-xs-10 left-container">-->
<!--<img class="thumbImg" ng-src="{{item.image}}" alt=""/>-->
<!--</div>-->
<!--<div class="col-lg-5 col-md-5 col-sm-5 col-md-offset-0 col-xs-offset-1 col-xs-10 right-container">-->
<!--<p class="sub-title">{{item.title}}</p>-->
<!--<p class="sub-content" ng-bind-html="item.content">-->
<!--</p>-->
<!--</div>-->
<!--</div>-->

<!--<div ng-if="item.imageAspect=='右边'">-->
<!--<div-->
<!--class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-offset-1 col-sm-10 col-xs-offset-1 col-xs-10 left-container">-->
<!--<p class="sub-title">{{item.title}}</p>-->
<!--<p class="sub-content" ng-bind-html="item.content">-->
<!--</p>-->
<!--</div>-->
<!--<div class="col-lg-5 col-md-5 col-sm-5 col-md-offset-0 col-xs-offset-1 col-xs-10 right-container">-->
<!--<img class="thumbImg" ng-src="{{item.image}}" alt=""/>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--pcba end-->